<style>
  .{{$template|escape:'html'}}_div1 {
    width: 720px;
  }
  .{{$template|escape:'html'}}_table1 {
    width: 720px;
    margin: 40px 0 20px 0;
  }
  .{{$template|escape:'html'}}_table2 {
    width: 720px;
    height: 24px;
    border-bottom: 1px solid #694247;
    border-right: 1px solid #694247;
  }
  .{{$template|escape:'html'}}_table2 td{
    border-top: 1px solid #694247;
    border-left: 1px solid #694247;
  }
  .{{$template|escape:'html'}}_table3 {
    width: 720px;
    height: 30px;
  }
  .{{$template|escape:'html'}}_td1 {
    width: 720px;
    height: 40px;
    vertical-align: middle;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #333333;
  }
  .{{$template|escape:'html'}}_td2 {
    width: 720px;
    vertical-align: top;
    text-align: center;
  }
  .{{$template|escape:'html'}}_td3 {
    width: 216px;
  }
  .{{$template|escape:'html'}}_td4 {
    width: 168px;
  }
  .{{$template|escape:'html'}}_td5 {
    width: 168px;
  }
  .{{$template|escape:'html'}}_td6 {
    width: 168px;
  }
  .{{$template|escape:'html'}}_td7 {
    width: 720px;
    height: 60px;
    text-align: left;
    vertical-align: bottom;
    paddig: 0 0 0 10px;
  }
  .{{$template|escape:'html'}}_td8 {
    width: 78px;
  }
  .{{$template|escape:'html'}}_td9 {
    width: 88px;
  }
  .{{$template|escape:'html'}}_td10 {
    width: 85px;
  }
  .{{$template|escape:'html'}}_td11 {
    width: 85px;
  }
  .{{$template|escape:'html'}}_td12{
    width: 55px;
  }
  .{{$template|escape:'html'}}_td13{
    width: 70px;
  }
  .{{$template|escape:'html'}}_td14{
    width: 30px;
  }
  .{{$template|escape:'html'}}_td15{
    width: 30px;
  }
  .{{$template|escape:'html'}}_td16{
    width: 206px;
  }
  .{{$template|escape:'html'}}_td3,.{{$template|escape:'html'}}_td4,.{{$template|escape:'html'}}_td5,.{{$template|escape:'html'}}_td6,
  .{{$template|escape:'html'}}_td9,.{{$template|escape:'html'}}_td8,.{{$template|escape:'html'}}_td10,.{{$template|escape:'html'}}_td11,
  .{{$template|escape:'html'}}_td12,.{{$template|escape:'html'}}_td13,.{{$template|escape:'html'}}_td14,.{{$template|escape:'html'}}_td15,
  .{{$template|escape:'html'}}_td16 {
    height: 24px;
    text-align: center;
    vertical-align: middle;
    background-color: #999999;
    font-weight: bold;
    font-size: 13px;
  }
</style>

<script src="jsrequest.php?script={{$template|escape:'html'}}" type="text/javascript"></script>
<script type="text/javascript">
  <!--
    if (document.addEventListener) {
      document.addEventListener('DOMContentLoaded', init, false);
    }
    window.onload = init;

    function init() {
      if (!document.getElementById || !document.createElement || !arguments || arguments.callee._loaded) {
        return;
      }
      arguments.callee._loaded = true;
      
      var gui = GuiPageSumExpenseDetail.gui('{{$template|escape:'javascript'}}');
      new HandlePageSumExpenseDetail(gui, JSON.parse('{{$operator|escape:javascript}}'), JSON.parse('{{$now|escape:javascript}}'), JSON.parse('{{$options|escape:javascript}}'));
    }
  //-->
</script>

<div class="{{$template|escape:'html'}}_div1">
  <table class="{{$template|escape:'html'}}_table1" cellPadding="0" cellSpacing="0">
    <tr>
      <td class="{{$template|escape:'html'}}_td1" id="{{$template|escape:'html'}}_title_div"></td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td2">
        <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0" id="{{$template|escape:'html'}}_top_table">
          <tr>
            <td class="{{$template|escape:'html'}}_td3">Payee</td>
            <td class="{{$template|escape:'html'}}_td4">Total</td>
            <td class="{{$template|escape:'html'}}_td5">Cash</td>
            <td class="{{$template|escape:'html'}}_td6">Non-Cash</td>
          </tr>
        </table>
      </td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td7" id="{{$template|escape:'html'}}_pagination_div"></td>
    </tr>
    <tr>
      <td class="{{$template|escape:'html'}}_td2">
        <table class="{{$template|escape:'html'}}_table2" cellPadding="0" cellSpacing="0" id="{{$template|escape:'html'}}_main_table">
          <tr>
            <td class="{{$template|escape:'html'}}_td8">C / Date</td>
            <td class="{{$template|escape:'html'}}_td9">P / Date</td>
            <td class="{{$template|escape:'html'}}_td10">Payee</td>
            <td class="{{$template|escape:'html'}}_td11">Amount</td>
            <td class="{{$template|escape:'html'}}_td12">Method</td>
            <td class="{{$template|escape:'html'}}_td13">QN</td>
            <td class="{{$template|escape:'html'}}_td14">NG</td>
            <td class="{{$template|escape:'html'}}_td15">NE</td>
            <td class="{{$template|escape:'html'}}_td16">Note</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</div>